<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算器1</title>
  <style>
    .text {
      font-size: 20px;
      width: 100px;
      margin-top: 20px;
    }
    hr {
      margin-top: 20px;
    }
    .num{
      font-size: 15px;
    }
    td {
      width: 20px;
      height: 20px;
      border-radius: 10px;
      text-align: center;
      background-color: #e5f3ef;
      margin: 5px 5px;
    }
  </style>
</head>
<body>

  <div class="text">
    <div>算式:</div>
    <hr>
    <div>结果:</div>
    <hr>
  </div>
  <table class="num">
    <tr>
      <td>C</td>
      <td>CE</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>+</td>
    </tr>
    <tr>
      <td>4</td>
      <td>5</td>
      <td>6</td>
      <td>-</td>
    </tr>
    <tr>
      <td>7</td>
      <td>8</td>
      <td>9</td>
      <td>*</td>
    </tr>
    <tr>
      <td>/</td>
      <td>0</td>
      <td>.</td>
      <td>=</td>
    </tr>
  </table>

</body>
</html>
